<!DOCTYPE html>
<!-- saved from url=(0030)http://demo.mao10.com/pro/cart -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        购物车 - 猫咪商城
    </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="/home/cart/bootstrap.min.css">
    <link rel="stylesheet" href="/home/cart/font-awesome.min.css">
    <link rel="stylesheet" href="/home/cart/style.css">
    <link rel="stylesheet" href="/home/cart/media.css">
    <script src="/home/cart/jquery.min.js.下载"></script>
    <script src="/home/cart/bootstrap.min.js.下载"></script>
    <script src="/home/cart/vue.js.下载"></script>
    <script src="/home/cart/jquery-1.8.3.min.js"></script>
   
    <!--[if lt IE 9]>
        <script src="http://demo.mao10.com/js/html5shiv.min.js"></script>
        <script src="http://demo.mao10.com/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="topbar">
    <div class="container">
        <ul class="list-inline mb-0 pull-left">
            <li><a href="http://demo.mao10.com/">首页</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">米聊</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">游戏</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">多看阅读</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">云服务</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">小米网移动版</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">问题反馈</a></li>
        </ul>
        <ul class="list-inline mb-0 pull-right">
            
            <li class="user-box">
                <a href="http://demo.mao10.com/user">
                    <span>123123123</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="drop-down">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <a href="http://demo.mao10.com/user">个人中心</a>
                            <a href="http://demo.mao10.com/user/comment">评价晒单</a>
                            <a href="http://demo.mao10.com/user/like">我的喜欢</a>
                            <a href="http://demo.mao10.com/user/set">账户设置</a>
                            <a href="http://demo.mao10.com/logout">退出登录</a>
                        </div>
                    </div>
                </div>
            </li>
            <li><a href="http://demo.mao10.com/user/order">我的订单</a></li>
            
            <li class="cart-box active">
                <a class="cart" href="http://demo.mao10.com/pro/cart">
                    <i class="fa fa-cart-plus"></i> 购物车（<span>1</span>）
                </a>
                <div class="cart-menu drop-down">
                    <div class="panel panel-default" id="cartHead">
                        
                    <ul class="list-group" id="cartHeadList"><li class="list-group-item"><div class="media mb-0"><div class="media-left"><a class="img-div" href="http://demo.mao10.com/pro/single/4"><img class="media-object" src="/home/cart/image-14660829114741487.jpg"></a></div><div class="media-body"><h5 class="media-heading mt-10">小米短袖T恤 水管工米兔<span class="pull-right">33元 x 1</span></h5></div></div></li></ul><div class="panel-footer"><div class="row"><div class="col-md-6 col">共1件商品<h3>33<small>元</small></h3></div><div class="col-md-6 col"><a class="btn btn-warning btn-block" href="http://demo.mao10.com/pro/cart">去购物车结算</a></div></div></div></div>
                </div>
               
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
</div>
<div class="header">
    <div class="container">
        <a href="http://demo.mao10.com/" class="head-logo pull-left">
            <img src="/home/cart/logo.png">
        </a>
        <ul class="list-inline mb-0 pull-left head-nav">
            <li class="allcat">
                <a href="javascript:;">全部商品分类</a>
                
                <ul class="list-group carousel-nav">
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/11">米兔 / 服装 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/4">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660829114741487(1).jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/7">移动电源 / 插线板 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/14">小米手机4S <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 ">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/10">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660852108492809.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                        <div class="pro-col pro-col-1 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/5">贴膜 / 个性配件 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/15">红米手机3高配版 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 ">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/10">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660852108492809.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/8">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660843661406013.jpg">
                                    </div>
                                    <div class="title">
                                        小米百变随身杯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                        <div class="pro-col pro-col-1 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/17">小米电视2 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/6">保护套 / 后盖 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/16">小米平板2 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/11">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660857394075600.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/12">小米Max <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/20">JAM <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/12">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660860628056694.jpg">
                                    </div>
                                    <div class="title">
                                        睿米车载蓝牙播放器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/cart/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <div class="bg"></div>
            </ul>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/10">小米生活方式</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/15">
                                        <img src="/home/cart/image-14660887630859256(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/15" class="title">小米门窗传感器</a>
                                    <div class="price">39元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/14">
                                        <img src="/home/cart/image-14660866076741076(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/14" class="title">Yeelight床头灯</a>
                                    <div class="price">199元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/13">
                                        <img src="/home/cart/image-14660864506944477.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/13" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">99元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/8">
                                        <img src="/home/cart/image-14660843661406013(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/8" class="title">小米百变随身杯</a>
                                    <div class="price">39元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/3">
                                        <img src="/home/cart/image-14660817087247012(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/3" class="title">手机支架</a>
                                    <div class="price">15元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/2">
                                        <img src="/home/cart/image-14660745149467235(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/2" class="title">90分便携收纳袋</a>
                                    <div class="price">29元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/17">小米电视2</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/13">
                                        <img src="/home/cart/image-14660864506944477.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/13" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">99元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/12">
                                        <img src="/home/cart/image-14660860628056694(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/12" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">59元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/11">服装</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/5">
                                        <img src="/home/cart/image-14660834175809712(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/5" class="title">小米短袖T恤 水管工米兔</a>
                                    <div class="price">33元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/4">
                                        <img src="/home/cart/image-14660829114741487(2).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/4" class="title">小米短袖T恤 水管工米兔</a>
                                    <div class="price">33元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/2">
                                        <img src="/home/cart/image-14660745149467235(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/2" class="title">90分便携收纳袋</a>
                                    <div class="price">29元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/5">个性配件</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/16">
                                        <img src="/home/cart/image-14660890462794079(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/16" class="title"> 小米万能遥控器</a>
                                    <div class="price">79元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/3">
                                        <img src="/home/cart/image-14660817087247012(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/3" class="title">手机支架</a>
                                    <div class="price">15元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://www.mao10.com/bbs-term-2.html">官方论坛</a>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/1">默认分类</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/1">
                                        <img src="/home/cart/image-14658951968183611.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/1" class="title">测试商品</a>
                                    <div class="price">0.1元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
        </ul>
        <form class="head-search pull-right pr" method="get" action="http://demo.mao10.com/pro/search">
            <div class="input-group">
                <input type="text" name="s" class="form-control">
                <span class="input-group-addon">
                    <i class="fa fa-search"></i>
                </span>
            </div>
            <div class="keywords">
                <a href="http://demo.mao10.com/pro/search/%E6%89%8B%E6%9C%BA%E6%94%AF%E6%9E%B6">手机支架</a>
                <a href="http://demo.mao10.com/pro/search/T%E6%81%A4">T恤</a>
            </div>
        </form>
       
    </div>
</div>
    @if($data == [])
    <div class="pro-cart-empty">
        <div class="container">
            <div class="cart-empty">
                <h1 class="title">您的购物车还是空的</h1>
                <a href="javascript:;" class="btn btn-warning">马上去购物</a>
            </div>
        </div>
    </div>
    @endif
    <form action="/home/cart/order" method="get">
    <div class="pro-cart">
        <div class="container">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-md-2 col">
                        <a href="http://demo.mao10.com/pro/cart/select">全选</a>
                        </div>
                        <div class="col-md-4 col">
                            商品名称
                        </div>
                        <div class="col-md-1 col text-center">
                            单价
                        </div>
                        <div class="col-md-3 col text-center">
                            数量
                        </div>
                        <div class="col-md-1 col text-center">
                            小计
                        </div>
                        <div class="col-md-1 col text-center">
                            操作
                        </div>
                    </div>
                </div>
                <ul class="list-group" id="ul">
                @foreach($data as $k=>$v)
                    <li class="list-group-item">
                        <div class="row" id="div">
                            <div class="col-md-2 col" id="asd">
                                <input type="hidden" name="pid" id="pid" value="{{ $v['pid'] }}">
                                <input type="hidden" name="uid" id="uid" value="{{ $v['uid'] }}">
                                <a href="/home/cart/index/4"><i class="fa fa-check active"></i></a>
                                <a class="img-div pull-right" href="http://demo.mao10.com/pro/single/4">

                                <!-- 商品图片链接地址 -->
                                    <img src="{{ $v['logo'] }}">
                                </a>
                                <div class="clearfix"></div>
                            </div>
                            <div class="col-md-4 col">
                                <div class="pr">
                                    <a href="http://demo.mao10.com/pro/single/4"><span id="name">{{ $v['name'] }}</span></a>
                                </div>
                            </div>
                            <div class="col-md-1 col text-center" >
                                <span class="danjia">{{ $v['money'] }}</span>元
                            </div>
                            <div class="col-md-3 col text-center">
                                
                                <div class="input-group minus-plus" id-data="4">
                                    <span class="input-group-addon minus">
                                        <input type="button" value="-" id="jian">
                                    </span>
                                    <input type="text" name="pnum" class="form-control text-center" id="a" value="{{ $v['pnum'] }}">
                                    
                                    <span class="input-group-addon plus">
                                        <input type="button" value="+" id="add">
                                    </span>
                                </div>
                                
                            </div>

                            <div class="col-md-1 col text-center total">
                                <span class="total" id="b">{{ $v['cartmoney'] }}</span>元
                            </div>
                            <div class="col-md-1 col text-center">
                                <a href="/home/cart/delete/{{ $v['id'] }}">删除</a>
                            </div>
                        </div>
                    </li>
                    @endforeach
                    <script type="text/javascript">
                        $(function(){
                            $('#div #add').click(function(){
                                // 找到加号
                                var a = $(this).parent().prev();
                                // 获取加号的值 然后加1
                                a.val(parseInt(a.val())+1);
                                 //获取商品价格小计
                                var p = $(this).parent().parent().parent().next().find('span[class=total]');
                                // alert(p.text());
                                //获取商品价格单价
                                var p1 = $(this).parent().parent().parent().prev().find('span[class=danjia]').text();
                                
                                //每点击一次 商品价格小计 = 商品价格小计+商品价格单价
                                p.text(parseFloat(a.val())*parseFloat(p1));
                                //调用遍历总价的方法 获取商品价格小计
                                setTotal();
                                //每次点击 + 获取当前的商品数量
                                var pnum = $(this).parent().prev().val();
                                //每次点击 + 获取当前的商品小计价格
                                var cartmoney = $(this).parent().parent().parent().next().find('span[class=total]').text();
                                //每次点击 + 获取当前的商品id
                                var pid = $(this).parent().parent().parent().parent().children().find('input[id=pid]').val();
                                
                                $.get('/home/cart/toadd',{'pnum':pnum,'pid':pid,'cartmoney':cartmoney},function(pnum){},'html');
                            })
                            $('#div #jian').click(function(){
                                //找到减号
                                var j = $(this).parent().next();
                                // 获取减号的值 每次点击-1
                                j.val(parseInt(j.val())-1);
                                // 获取商品价格小计
                                var p = $(this).parent().parent().parent().next().find('span[class=total]');
                                // 获取商品价格单价
                                var p1 = $(this).parent().parent().parent().prev().find('span[class=danjia]').text();
                                //每次点击  商品价格小计 = 商品价格小计-商品价格单价
                                p.text(parseFloat(p.text())-parseFloat(p1));
                                // 判断
                                if(parseInt(j.val())<0){
                                    // 如果商品数量小于0  商品数量就=0
                                    j.val(0);
                                    // 如果商品价格小计小于0  商品价格小计就=0
                                    parseFloat(p.text(0));
                                }
                                //调用下面函数
                                setTotal();
                                
                                //每次点击 - 获取当前的商品数量
                                var pnum = $(this).parent().next().val();
                                // var cartmoney = p.text();
                                var cartmoney = $(this).parent().parent().parent().next().find('span[class=total]').text();
                                var pid = $(this).parent().parent().parent().parent().children().find('input[id=pid]').val();
                                $.get('/home/cart/toadd',{'pnum':pnum,'pid':pid,'cartmoney':cartmoney},function(pnum){},'html')

                            })
                            // 创建一个函数
                            function setTotal(){
                                // 设置一个变量=0
                                var s = 0;
                                // 遍历div  
                                $('.pro-cart #div').each(function(){
                                    //每次调用 获取当前  s += 商品数量*商品单价
                                    s += $(this).find('input[id=a]').val()*
                                        parseFloat($(this).find('span[class=danjia]').text());   
                                });
                                $('#ppp #pp').find('span[class=qqq]').text(s);
                                // 设置一个变量
                                var num = 0;
                                // 遍历input获取商品数量
                                $('.pro-cart #div').each(function(){
                                    num += parseInt($(this).find('input[id=a]').val());
                                }) 
                                $('#ppp #pp').find('span[id=anum]').text(num); 
                                }
                                setTotal();
                                })
                    </script>
                </ul>
            </div>
            
            <div class="panel panel-default panel-bottom" id="ppp">
                <div class="panel-body pr" id="pp">
                    <ul class="list-inline mb-0 pull-left">
                        <li><a href="/home/home/index">继续购物</a></li>
                        <li>|</li>
                        <li>共<span id="anum">1</span>件商品</li>
                    </ul>
                    <div class="total">合计：<span id="total" class="qqq"></span><span>元</span></div>
                    <div class="clearfix"></div>
                    <!-- 从这里跳转到添加地址页面 -->
                    <a class="btn btn-warning" href="javascript:;" onclick="fun()">去结算</a> 
                </div>
                <script type="text/javascript">
                // 点击事件
                        function fun(){
                            var total = $('#ppp #pp').find('span[class=qqq]').text();
                            var onum = $('#ppp #pp').find('span[id=anum]').text();
                            var uid = $('.pro-cart').find('input[id=uid]').val();
                            var pid = $('.pro-cart').find('input[id=pid]').val();
                            window.location.href = "/home/cart/order?total="+total+"&onum="+onum+"&uid="+uid+"&pid="+pid;
                        }
                </script>
            </div>
           
        </div>
    </div>
    <div class="pro-bottom">
        
    </div>
</form> 
<div class="footer">
    <div class="foot-top">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-wrench"></i> 1小时快修服务
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-history"></i> 7天无理由退货
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-refresh"></i> 15天免费换货
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-truck"></i> 满150元包邮
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-map-marker"></i> 520余家售后网点
                </div>
            </div>
            <div class="border"></div>
        </div>
    </div>
    <div class="foot-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-80 col">
                    <div class="row">
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    帮助中心
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">购物指南</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">支付方式</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">配送方式</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    服务支持
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">售后政策</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">自助服务</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">相关下载</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    小米之家
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米之家</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">服务网点</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">预约服务</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    关于小米
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">了解小米</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">加入小米</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">联系我们</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    关注我们
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">新浪微博</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米部落</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">官方微信</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    特色服务
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">F码通道</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米移动</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">防伪查询</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-20 col">
                    <div class="text-center">
                        <h4>400-100-5678</h4>
                        <div class="text">周一至周日 8:00-18:00</div>
                        <div class="text mb-10">（仅收市话费）</div>
                        <a target="_blank" class="btn btn-warning btn-sm" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1795413891&amp;site=qq&amp;menu=yes">
                            <i class="fa fa-commenting"></i> 24小时在线客服
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col">
                    <div class="media">
                        <div class="media-left">
                            <a href="http://demo.mao10.com/">
                                <img class="media-object" src="/home/cart/logo.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <ul class="list-inline">
                                <li><a href="http://demo.mao10.com/page/single/1">小米网</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">MIUI</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">米聊</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">多看书城</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米路由器</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">视频电话</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米后院</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米天猫店</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米淘宝直营店</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米网盟</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">问题反馈</a></li>
                            </ul>
                            ©maoo.me 豫ICP备14019123号 郑州云猫电子商务有限公司
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col">
                    <div class="text-right">
                        <img src="/home/cart/v-logo-1.png">
                        <img src="/home/cart/v-logo-2.png">
                        <img src="/home/cart/v-logo-3.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="alertbox">
    
    
  
</div>
<!--[if lte IE 8]>
<div class="browser-msg text-center">
    <p class="txt">
        为了获得更好的浏览体验，建议使用以下浏览器：
    </p>
    <ul class="browsers">
        <li>
            <a href="http://www.google.cn/intl/zh-cn/chrome/browser/desktop/index.html"
            target="_blank">
                <img class="icon" src="/img/chrome.png" width="50" height="50">
                <span class="name">
                    Chrome
                </span>
            </a>
        </li>
        <li>
            <a href="http://www.firefox.com.cn" target="_blank">
                <img class="icon" src="/img/firefox.png" width="50" height="50">
                <span class="name">
                    Firefox
                </span>
            </a>
        </li>
        <li>
            <a href="http://www.apple.com/cn/safari/" target="_blank">
                <img class="icon" src="/img/safari.png" width="50" height="50">
                <span class="name">
                    Safari
                </span>
            </a>
        </li>
        <li>
            <a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">
                <img class="icon" src="/img/ie.png" width="50" height="50">
                <span class="name">
                    IE9及更高版
                </span>
            </a>
        </li>
    </ul>
</div>
<![endif]-->

</body></html>